<template>
  <el-dialog title="区域详情" :visible.sync="visible">
    <el-form label-width="80px">
      <el-form-item label="区域名称:">
        <!-- <el-input prop="remark" placeholder="请输入内容" /> -->
      </el-form-item>
      <el-form-item label="区域方案:">
        <el-table
          :data="list"
          style="width: 90%"
        >
          <el-table-column
            prop="id"
            label="序号"
            width="180"
          />
          <el-table-column
            prop="name"
            label="点位名称"
            width="180"
          />
          <el-table-column
            prop="vmCount"
            label="设备数量"
          />
        </el-table>
      </el-form-item>
    </el-form>
  </el-dialog>

</template>

<script>
import { getSearch } from '@/api/regional'
export default {
  name: 'DikedeSearch',

  data() {
    return {
      visible: false,
      list: []
    }
  },

  methods: {
    async getSearch() {
      try {
        const res = await getSearch(this.regionId)
        console.log(res)
        this.list = res
      } catch (e) {
        console.log(e)
      }
    }
  }
}
</script>

<style lang="scss" scoped>

</style>
